<template>
  <div>
    <h1>导航</h1>
    <h2>day2</h2>
    <ul>
      <li v-for="item in day2" :key="item.id" :ref="item.src">
        <a :to="item.src">{{ item.title }}</a>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      day2: [
        {
          id: 1,
          src: "./day-02/06-案例-品牌管理(增).vue",
          title: "06-案例-品牌管理(增)",
        },
      ],
    };
  },
};
</script>

<style lang="less">
h1 {
  margin: 20px auto;
}
a {
  border: 1px solid #000;
  border-radius: 4px;
}
</style>>

